<!--
    This file is part of Energy@Home.
	Copyright (C) 2009 Danny Tsang.
	
	This page also uses:
		* Flot library <http://code.google.com/p/flot/>
		* jqGrid <http://www.trirand.com/blog/>
	which are under The MIT License.
	
    Energy@Home is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Energy@Home is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Energy@Home.  If not, see <http://www.gnu.org/licenses/>.
-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="styles/style.css" />
		<!--[if IE]><script language="javascript" type="text/javascript" src="scripts/flot/excanvas.min.js"></script><![endif]-->
		<script language="javascript" type="text/javascript" src="scripts/flot/jquery.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/flot/jquery.flot.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/flot/jquery.flot.canvas.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/flot/jquery.flot.selection.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/flot/jquery.flot.resize.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/flot/jquery.flot.time.min.js"></script>
		
		<link type="text/css" href="scripts/jqueryui/themes/ui-darkness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" />
		<script language="javascript" type="text/javascript" src="scripts/jqueryui/ui/jquery.ui.core.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/jqueryui/ui/jquery.ui.widget.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/jqueryui/ui/jquery.ui.mouse.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/jqueryui/ui/jquery.ui.sortable.min.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/jqueryui/ui/jquery.ui.tabs.min.js"></script>
		
		<link rel="stylesheet" type="text/css" media="screen" href="scripts/jqgrid/css/ui.jqgrid.css" />
		<script language="javascript" type="text/javascript" src="scripts/jqgrid/js/i18n/grid.locale-en.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/jqgrid/js/jquery.jqGrid.min.js"></script>
		
		<script language="javascript" type="text/javascript" src="scripts/grid.js"></script>
		
		<script language="javascript" type="text/javascript" src="scripts/controller.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/graph.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/time.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/hour.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/tabs.js"></script>
		<script language="javascript" type="text/javascript" src="scripts/general.js"></script>
		
		<script language="javascript" type="text/javascript" src="scripts/dateformat/date.format.min.js"></script>
		
		<script language="javascript" type="text/javascript">
			<!--
			loadingImg = new Image(220,19); 
			loadingImg.src = "images/ajax-loader.gif"; 
			loading2Img = new Image(16,16); 
			loading2Img.src = "images/ajax-loader_small.gif"; 
			//-->
		</script>

		<title>Energy @ Home</title>
	</head>
       
	<body>
		<!-- Banner appears when JS is not supported / disabled -->
		<noscript>
			<div id="noscript">Energy@Home requires JavaScript to be enabled</div>
		</noscript>
		<div><h1><span id="title">Energy @ Home</span><span id="author"><a href="http://www.dannytsang.co.uk">by Danny Tsang</a></span></h1></div>
		<div align="center" id="placeholder"></div>
		<p><span id="lastUpdated">&nbsp;</span></p>
		<p id="hoverdata">
		<!--Mouse hovers at(<span id="x">0</span>, <span id="y">0</span>).-->
		<span id="clickdata"></span></p>
		<p id="hoverdata">
		<!--Mouse hovers at(<span id="x">0</span>, <span id="y">0</span>).-->
		<span id="clickoverlay"></span></p>
		<div id="tabs">
			<ul>
				<li><a href="graph.html"><span>Graph</span></a></li>
				<li><a href="data.html"><span>Data</span></a></li>
			</ul>
		</div>
		<div id="version"><p>Energy@Home v 0.7</p></div>
	</body>
</html>
